@import "variables";

edit-info {
  .profile{
    padding-bottom: pxTorem(100);
  }
  .item {
    @include font-dpr(32px);
    color: color($h5, c3);
    padding: pxTorem(36) pxTorem(60)  pxTorem(36)  pxTorem(30);
    &:after{
      right: pxTorem(10);
    }
  }
  //头像
  #avatar {
    input {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9;
      width: 100%;
      opacity: 0;
    }
    label {
      display: flex;
      align-items: center;
      width: 100%;
    }
    em {
      flex: 1;
    }
    .avatarImg {
      width: pxTorem(80);
      height: pxTorem(80);
      border-radius: 50%;
      background-color: #fafafa;
    }
  }
  //个人信息页
  .normal-list { //与球队个人信息公用
    //padding-bottom: pxTorem(100);

    .edit-title {
      height: pxTorem(90);
      background-color: #fff;
      text-align: center;
      line-height: pxTorem(90);
    }

    .list {
      margin-top: pxTorem(15);
      background-color: #fff;
      .item {
        display: flex;
        justify-content: space-between;
        &:last-of-type {
          border-bottom: none;
        }
        i {
          display: inline-block !important;
          position: absolute;
          top: 0;
          right: pxTorem(20);
          bottom: 0;
          margin: auto;
          @include icon(17, 28, '#{$icons-path}/icon_more.png');
        }
        em {
          flex: 1;
          min-width: 30%;
        }
      }
    }
    .ageSelectWarp,
    .multi-picker {
      .input-wrapper {
        .label {
          @include font-dpr(28px);
        }
        .ng-valid {
          .multi-picker-text {
            @include font-dpr(28px);
            padding-right: pxTorem(30px);
          }
        }
      }
    }
    //使用dateTime功能样式的item样式
    .ionicDateItem {
      .item-block {
        .item-inner {
          @include font-dpr(28px);
          .input-wrapper {
            .datetime-ios {
              padding-right: pxTorem(20px);
            }
          }
        }
      }
    }
  }
  //编辑签名
  .edit-wrap {
    .edit-content {
      @include font-dpr(35px);
      background-color: #fff;
      .text-input {
        margin: 0;
        @include font-dpr(28px);
        background: color($h5, c10);
        padding: pxTorem(35) pxTorem(30) pxTorem(35) pxTorem(30);
      }
    }
  }


  .changesex {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    .sexbox {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      p {
        width: 100%;
        background: #fff;
        text-align: center;
        padding: pxTorem(40) 0;
        border-bottom: 1px solid color($h5, c9);
        font-size: pxTorem(34);
        color: #333;
      }
      .cancel {
        margin-top: pxTorem(10);
      }
      .title {
        font-size: pxTorem(28);
        color: color($h5, c4);
      }
    }
  }

  //select {
  //  height: pxTorem(90);
  //  text-align: center;
  //  option {
  //    text-align: center
  //  }
  //}
}
